<template>
  <div>
    <el-card shadow="always">
      <div slot="header">
        <b>发布</b>
      </div>
      <div style="display: flex;align-items: center;flex-direction: column;">
        <el-button type="warning" @click="goPublishNote" icon="el-icon-search" size="medium" class="btn1">发布云记</el-button>
        <br>
        <el-button type="warning" icon="el-icon-search" size="medium" class="btn2">发布图片</el-button>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  created () {
  },
  // DOM对象加载完成时
  mounted () {
  },
  methods: {
    goPublishNote () {
      this.$router.push('/publish')
    }
  },
  computed: {},
  name: 'publicBtn'
}
</script>

<style lang="less" scoped>
.btn1,.btn2 {
  background-color: #ffe14c;
  color: #663c00
}

.btn1:hover, .btn2:hover {
  background-color: #ffe733;
}
</style>
